<template>
  <div>
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item v-bind:to="{ path: '/' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>个人中心</el-breadcrumb-item>
    </el-breadcrumb>
    <div class="dict-main">
      <el-tabs v-model="activeName" v-on:click="handleClick" class="title-top">
        <el-tab-pane label="个人中心" name="basic">
        </el-tab-pane>
      </el-tabs>
      <keep-alive>
        <router-view></router-view>
      </keep-alive>
    </div>
  </div>
</template>
<script>
  export default {
    data () {
      return {
        activeName: 'basic'
      };
    },
    methods: {
      handleClick (tab, event) {
        return this.$router.push({
          path: '/home/person/' + tab.name
        })
      }

    }

  }
</script>


